<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		.box{
			width: 200px;
			height: 200px;
			background: red url() 0 0 no-repeat;
		}
		.list{
			width: 150px;
			height: 40px;
			margin-top: 10px;
			background: blue url() 0 0 no-repeat;
			list-style: none;
		}


	</style>
	<script type="text/javascript">
		window.onload = function  () {
			// var son = document.getElementById('son');
			// son.previousSibling.previousSibling.style.backgroundColor='green';

			// son.parentNode.nextSibling.nextSibling.lastChild.previousSibling.style.backgroundColor='green';


			var alink = document.getElementsByTagName('a');

			for (var i = 0; i <alink.length; i++) {
				alink[i].onclick = function  () {
					this.parentNode.parentNode.style.display='none';
				}
			};
		}


	</script>
</head>
<body>
	<!-- <div class="box">
		<li class="list" >11</li>
		<li class="list" id="son">12</li>
		<li class="list">13</li>
		<li class="list">14</li>
	</div>
	<div class="box">
		<li class="list">21</li>
		<li class="list">22</li>
		<li class="list">23</li>
	</div> -->

	<table>	
		<tr>
			<td>ID</td>
			<td>姓名</td>
			<td>电话</td>
			<td>QQ</td>
			<td>地址</td>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
			<td>小明</td>
			<td>110112114</td>
			<td>34534354</td>
			<td>广州</td>
			<td><a href="javascript:;">删除</a> </td>
		</tr>
		<tr>
			<td>1</td>
			<td>小明</td>
			<td>110112114</td>
			<td>34534354</td>
			<td>广州</td>
			<td><a href="javascript:;">删除</a> </td>
		</tr>
		<tr>
			<td>1</td>
			<td>小明</td>
			<td>110112114</td>
			<td>34534354</td>
			<td>广州</td>
			<td><a href="javascript:;">删除</a> </td>
		</tr>
		<tr>
			<td>1</td>
			<td>小明</td>
			<td>110112114</td>
			<td>34534354</td>
			<td>广州</td>
			<td><a href="javascript:;">删除</a> </td>
		</tr>
	</table>
</body>
</html>